<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>ToMusic</title>

    <!-- Bootstrap -->
    <link rel="shortcut icon" href="__IMG__/tomusic.png">
    <link href="__CSS__/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="__CSS__/my.css">

    <link rel="stylesheet" type="text/css" href="__CSS__/audio.css">
    <link href="__CSS__/page.css" type="text/css" rel="stylesheet"/>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="__JS__/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="__JS__/bootstrap.min.js"></script>

    <script type="text/JavaScript" src="__JS__/birthday.js"></script>
    <script type="text/javascript" src="__JS__/audio.js"></script>
    <script type="text/javascript" src="__JS__/ads.js"></script>


    <style>
        #callboard {
            margin-right: -15px;
            height: 50px;
            line-height: 50px;
            overflow: hidden;
            font-size: 16px;
            background-color: #E3E3E3;
        }

        #msg_win {
            position: fixed;
            left: 0px;
            display: block;
            overflow: hidden;
            z-index: 99;
            border: 1px solid #000;
            background: #FFF;
            top: 390px;
            visibility: visible;
            opacity: 1;
        }

        #msg_win .icos {
            position: absolute;
            top: 2px;
            *top: 0px;
            right: 2px;
            z-index: 9;
        }

        .icos a {
            float: left;
            color: #FFFFFF;
            margin: 1px;
            text-align: center;
            font-weight: bold;
            width: 14px;
            height: 22px;
            line-height: 22px;
            padding: 1px;
            text-decoration: none;
            font-family: webdings;
        }

        .icos a:hover {
            color: #FFCC00;
        }

        #msg_title {
            background: #EB1D1D;
            border: 1px solid #fff;
            color: #FFFFFF;
            height: 26px;
            line-height: 26px;
            text-indent: 5px;
        }

        #msg_content {
            margin: 0px 0px;
            overflow: hidden;
        }

        .notice {
            width: 387px;
            margin: 20px auto;
            height: 10px;
            overflow: hidden;
            background: url(images/bg.gif) no-repeat;
        }

        .noticTipTxt {
            color: #ff7300;
            height: 10px;
            line-height: 15px;
            overflow: hidden;
            margin: 0 0 0 40px;
        }

        .noticTipTxt li {
            height: 15px;
            line-height: 15px;
        }

        .noticTipTxt a {
            color: #0075E8;
            font-size: 12px;
            text-decoration: none;
        }

        .noticTipTxt a:hover {
            color: #ff7300;
            text-decoration: underline;
        }
    </style>

</head>

<script>(function (T, h, i, n, k, P, a, g, e) {
    g = function () {
        P = h.createElement(i);
        a = h.getElementsByTagName(i)[0];
        P.src = k;
        P.charset = "utf-8";
        P.async = 1;
        a.parentNode.insertBefore(P, a)
    };
    T["ThinkPageWeatherWidgetObject"] = n;
    T[n] || (T[n] = function () {
        (T[n].q = T[n].q || []).push(arguments)
    });
    T[n].l = +new Date();
    if (T.attachEvent) {
        T.attachEvent("onload", g)
    } else {
        T.addEventListener("load", g, false)
    }
}(window, document, "script", "tpwidget", "//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "bubble",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "position": "top-left",
    "margin": "50px 0px",
    "language": "auto",
    "unit": "c",
    "theme": "black",
    "uid": "U33627E3FC",
    "hash": "02b4e33ad367d7302e98f5459fc49bdd"
});
tpwidget("show");</script>

<body>


<nav class="navbar navbar-inverse" style="font-size:18px">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="">网Q音乐</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">

                <li><a href="{:url('index/Index/index')}">发现音乐</a></li>

                <li class=""><a href="{:url('index/Soucang/cha')}">我的音乐<span class="sr-only">(current)</span></a></li>
                <li><a href="#">我的游戏</a></li>

            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>

            {if empty($phone)}
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/login">注册</a></li>
                <li>
                    <!-- 按钮触发模态框 -->


                    <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                        登陆
                    </button>


                    <!-- 模态框（Modal） -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        &times;
                                    </button>

                                    <div class="alert alert-success" role="alert">
                                        <h4 class="modal-title  bg-success" id="myModalLabel">
                                            登陆
                                        </h4>
                                    </div>


                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-3">

                                            <form action="{:url('index/user/login')}" method="post">
                                                <input type="text" name="phone" placeholder="请输入手机号">
                                                <input type="password" name="password" placeholder="请输入密码" class="mt20">
                                                <button type="submit" class="btn btn-primary btn-block mt20">登录</button>
                                            </form>


                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <a href="./login">没有账号?免费注册</a>
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal -->
                    </div>
                </li>


            </ul>


            {else}
            <ul class="nav navbar-nav navbar-right">
                <li><a href="{:url('index/user/out')}">退出</a></li>
                <li>
                    <div class="dropdown">

                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"
                                style="margin-top: 8px">


                            {$phone}
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="{:url('index/user/pcenter')}">我的主页</a></li>
                            <li><a href="#">个人等级</a></li>
                            <li><a href="#">会员中心</a></li>
                            <li role="separator" class="divider"></li>

                        </ul>
                    </div>

                </li>


            </ul>
            {/if}


        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<div style="background-color:#e3e3e3;">

    <div class="container" style="margin-top:-20px">
        <div class="col-md-3 ">

        </div>
        <div class="col-md-6">
            <ul class="nav navbar-nav">
                <li class=""><a href="/">推荐</a></li>
                <li class=""><a href="{:url('index/Ranking/ranking')}">排行榜</a></li>
                <li class=""><a href="/song_sheet">音乐</a></li>
                <li class=""><a href="{:url('index/Singers/singer')}">歌手</a></li>

                <li class=""><a href="{:url('index/Grounding/grounding')}">新碟上架</a></li>

            </ul>
        </div>
        <div class="col-md-3">
            <!--  <div id="callboard">
                <ul class="text-center" id="slls">


                </ul>
                公告板滚动

             </div> -->
            <div class="notice">
                <ul id="jsfoot01" class="noticTipTxt">
                    <!-- <li><a href="http://www.17sucai.com/" target="_blank">js无缝滚动制作js文字无缝滚动和js图片无缝滚动 <img src="__IMG__/hot001.gif" width="22" height="11" /></a></li> -->

                    <!-- <li><a href="http://www.17sucai.com/" target="_blank">1</a></li> -->

                </ul>
            </div>
            <script type="text/javascript" src="__JS__/scrolltext.js"></script>

        </div>
    </div>

</div>


{block name='main'}
<div style="width:100%;background-color:#ccc; ">
    <div class="container" height='300px'>
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                {foreach $banner as $k => $v}

                <li data-target="#carousel-example-generic" data-slide-to="{$k+1}" class="active"></li>
                {/foreach}
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                {foreach $banner as $k => $v}
                {if $k==0}
                <div class="item active">
                    {else}
                    <div class="item">
                        {/if}
                        <img src="__UPLOAD__/banner/{$v['img']}" style="width:100%;height:500px;">
                    </div>

                    {/foreach}
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>


    <div class="container" style="margin-top: 20px">


        <div class="col-md-9">
            <b><a style="font-size:20px; line-height: 20px;color:black;"
                  href="{:url('index/Index/song_sheet')}">热门推荐</a>&nbsp;</b>&nbsp;
            <a href="{:url('index/Index/singerstyle?name=华语')}">华语</a>&nbsp;&nbsp;
            <a href="{:url('index/Index/singerstyle?name=电子')}">电子</a>&nbsp;&nbsp;
            <a href="{:url('index/Index/singerstyle?name=开心')}">开心</a>&nbsp;&nbsp;
            <hr style="border:2px solid red">

            <div class="row">
                {foreach $list as $v}

                <div class="col-md-3">
                    <a href="{:url('index/Index/song_details?id='.$v['id'])}">
                        <div class="thumbnail">
                            <img src="__UPLOAD__/music-img/{$v['img']}" width="166.25px">
                            <div class="caption">
                                <p>{$v['name']}</p>
                            </div>
                        </div>
                    </a>
                </div>

                {/foreach}

            </div>

            <div class='col-md-12'>
                <b><a style="font-size:20px; line-height: 20px;color:black" href="{:url('index/Grounding/grounding')}">新碟上架</a></b>

                <hr style="border:2px solid red">

            </div>


            <div style="width:100%">
                {foreach $result as $v}
                <div class="col-md-3">
                    <a href="#">
                        <div class="thumbnail">
                            <img src="__UPLOAD__/{$v['imgs']}" width='166.25'>
                            <div class="caption">
                                <p>
                                    {$v['name']}
                                </p>


                            </div>
                        </div>
                    </a>

                </div>
                {/foreach}
            </div>


            <div class="row">
                <div class='col-md-12'>
                    <b style="font-size:20px; line-height: 20px">榜单</b>
                    <hr style="border:2px solid red">
                </div>
            </div>
            <div class="row">
                <div class="list-group text-center">
                    <!-- 1  -->
                    <div class="col-md-4 ">
                        <dl>
                            <dt>
                            <div class="row ">
                                <div class="col-md-3 ">
                                    <img src="__IMG__/top1.jpg" alt="">
                                </div>
                                <div class="col-md-9">
                                    <a href=""><h5>云音乐飙升榜</h5></a>

                                </div>
                            </div>
                            </dt>
                            <dd class="mt10">
                                <a href="#" class="list-group-item">24*7 支持</a>
                                <a href="#" class="list-group-item">免费 Window 空间托管</a>
                                <a href="#" class="list-group-item">图像的数量</a>
                                <a href="#" class="list-group-item">每年更新成本</a>
                            </dd>
                        </dl>

                    </div>
                    <!-- 1 end -->

                    <!-- 2  -->
                    <div class="col-md-4">

                        <dl>
                            <dt>
                            <div class="row ">
                                <div class="col-md-3">
                                    <img src="__IMG__/top2.jpg" alt="">
                                </div>
                                <div class="col-md-9">
                                    <a href=""><h5>新歌上线</h5></a>
                                </div>
                            </div>
                            </dt>
                            <dd class="mt10">
                                {foreach $newmusic as $v}
                                <a class="list-group-item play  " music="{$v['musicaddress']}"
                                   img='__UPLOAD__/music-img/{$v["img"]}' name='{$v["name"]}'>{$v['name']} </a>
                                {/foreach}
                            </dd>
                        </dl>

                    </div>
                    <!-- 2 end -->
                    <!-- 3 -->
                    <div class="col-md-4">
                        <dl>
                            <dt>
                            <div class="row  ">
                                <div class="col-md-3 table-border">
                                    <img src="__IMG__/top3.jpg" alt="">
                                </div>
                                <div class="col-md-9">
                                    <a href=""><h5> 网易原创歌曲榜</h5></a>
                                </div>
                            </div>
                            </dt>
                            <dd class="mt10 ">
                                <a href="#" class="list-group-item">24*7 支持</a>
                                <a href="#" class="list-group-item">免费 Window 空间托管</a>
                                <a href="#" class="list-group-item">图像的数量</a>
                                <a href="#" class="list-group-item">每年更新成本</a>
                            </dd>
                        </dl>
                    </div>
                    <!-- 3 end -->
                </div>
            </div>

        </div>


        <div class="col-md-3" style="padding:0px;border:1px solid #ccc;">
            <div style="text-align:center;padding:20px;background-color:#eee;width:100%;">

                <p>登录网Q音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>

                <button class="btn btn-danger">用户登录</button>
            </div>
            <div style="padding:20px;">
                <div style="border-bottom:1px solid #ccc;padding-bottom:10px">
                    入住歌手 <a style="float:right;">查看全部</a>
                </div>
                {foreach $singer as $k => $v}
                <div class="row mt20">
                    <div class="col-md-3">
                        <img src="__UPLOAD__/{$v['icon']}" alt="" width="50px" height="50px">
                    </div>
                    <div class="col-md-9" style="text-align:center;">
                        <b>{$v['name']}</b>
                        <p>{$v['address']}歌手</p>
                    </div>


                </div>
                {/foreach}


            </div>
        </div>


        <div class="col-md-3 mt20" style="padding:0px;border:1px solid #ccc; ">

            <div class="p20">
                <h1>脑筋急转弯</h1>

                {volist name="a" id="vo"}

                <p>问:{$vo['quest']}</p>
                <p>答:{$vo['result']}</p>


                {/volist}

            </div>


        </div>

        <div class="col-md-3 mt20" style="padding:0px;width:285px;height:200px; ">

            <div id="dian" style="float:right; width:110px; height:200px;">
                <img src="__IMG__/88.gif" width="100" height="100" style="">
            </div>
            <div id="jiqi" style="float:left; width:170px; height:200px; text-align:center;display:none;">
                <textarea value="" name="" id="" cols="20" rows="3">{$newslist}</textarea>
                <form action="{:url('index/Index/jiqir')}" method="post">
                    <input type="text" name="wt">
                    <br>
                    <br>
                    <button class="btn btn-success">提问</button>
                </form>
            </div>

        </div>


    </div>

    <!-- 小广告 -->
    <div id="msg_win">
        <div class="icos"><a id="msg_min" title="最小化" href="javascript:void 0">_</a><a id="msg_close" title="关闭"
                                                                                       href="javascript:void 0">×</a>
        </div>
        <div id="msg_title">music：</div>
        <div id="msg_content">
            {volist name="small" id="vo"}


            <a href="{$vo['url']}" title="{$vo['desc']}"><img width="100" height="100" src="uploads/{$vo['img']}"></a>
            {/volist}
        </div>
    </div>

    <script language="javascript">
        var Message = {
            set: function () {
                var set = this.minbtn.status == 1 ? [0, 1, 'block', this.char[0], '最小化'] : [1, 0, 'none', this.char[1], '恢复'];
                this.minbtn.status = set[0];
                this.win.style.borderBottomWidth = set[1];
                this.content.style.display = set[2];
                this.minbtn.innerHTML = set[3];
                this.minbtn.title = set[4];
                this.win.style.top = this.getY().top;
            },
            close: function () {
                this.win.style.display = 'none';
                window.onscroll = null;
            },
            setOpacity: function (x) {
                var v = x >= 100 ? '' : 'Alpha(opacity=' + x + ')';
                this.win.style.visibility = x <= 0 ? 'hidden' : 'visible';
                this.win.style.filter = v;
                this.win.style.opacity = x / 100;
            },
            show: function () {
                clearInterval(this.timer2);
                var me = this,
                    fx = this.fx(0, 100, 0.1),
                    t = 0;
                this.timer2 = setInterval(function () {
                        t = fx();
                        me.setOpacity(t[0]);
                        if (t[1] == 0) {
                            clearInterval(me.timer2);
                        }
                    },
                    6);
            },
            fx: function (a, b, c) {
                var cMath = Math[(a - b) > 0 ? "floor" : "ceil"],
                    c = c || 0.1;
                return function () {
                    return [a += cMath((b - a) * c), a - b];
                }
            },
            getY: function () {
                var d = document,
                    b = document.body,
                    e = document.documentElement;
                var s = Math.max(b.scrollTop, e.scrollTop);
                var h = /BackCompat/i.test(document.compatMode) ? b.clientHeight : e.clientHeight;
                var h2 = this.win.offsetHeight;
                return {
                    foot: s + h + h2 + 2 + 'px',
                    top: s + h - h2 - 2 + 'px'
                }
            },
            moveTo: function (y) {
                clearInterval(this.timer);
                var me = this,
                    a = parseInt(this.win.style.top) || 0;
                var fx = this.fx(a, parseInt(y));
                var t = 0;
                this.timer = setInterval(function () {
                        t = fx();
                        me.win.style.top = t[0] + 'px';
                        if (t[1] == 0) {
                            clearInterval(me.timer);
                            me.bind();
                        }
                    },
                    6);
            },
            bind: function () {
                var me = this,
                    st, rt;
                window.onscroll = function () {
                    clearTimeout(st);
                    clearTimeout(me.timer2);
                    me.setOpacity(0);
                    st = setTimeout(function () {
                            me.win.style.top = me.getY().top;
                            me.show();
                        },
                        100);
                };
                window.onresize = function () {
                    clearTimeout(rt);
                    rt = setTimeout(function () {
                            me.win.style.top = me.getY().top
                        },
                        100);
                }
            },
            init: function () {
                function $(id) {
                    return document.getElementById(id)
                };
                this.win = $('msg_win');
                var set = {
                    minbtn: 'msg_min',
                    closebtn: 'msg_close',
                    title: 'msg_title',
                    content: 'msg_content'
                };
                for (var Id in set) {
                    this[Id] = $(set[Id])
                }
                ;
                var me = this;
                this.minbtn.onclick = function () {
                    me.set();
                    this.blur()
                };
                this.closebtn.onclick = function () {
                    me.close()
                };
                this.char = navigator.userAgent.toLowerCase().indexOf('firefox') + 1 ? ['_', '::', '×'] : ['0', '2', 'r'];
                this.minbtn.innerHTML = this.char[0];
                this.closebtn.innerHTML = this.char[2];
                setTimeout(function () {
                        me.win.style.display = 'block';
                        me.win.style.top = me.getY().foot;
                        me.moveTo(me.getY().top);
                    },
                    0);
                return this;
            }
        };
        Message.init();

    </script>
    <!-- 小广告end -->


    <script>
        $(function () {
            $('#audio-box').css('height', '100px').animate({height: "10px"}, 1000);

        })

    </script>
    {/block}
    <div class="container ">
        <div class="row p20">
            <h2 id="hezuo">合作伙伴</h2>

        </div>
    </div>


    {block name='footer'}
    <!-- footer -->
    <div style="width:100%;height:150px;background-color:#ccc;border-top:1px solid #666">
        <div class='container'>
            <div class="col-md-7 mt40">
                <span>关于Tomusic</span>
                <span>|</span>
                <span>客户服务</span>
                <span>|</span>
                <span>服务条款</span>
                <span>|</span>
                <span>网站导航</span>
                <span>|</span>

                <span id="about">
                 <a href="{:url('index/index/about')}">关于我们</a>
            </span>

                <span>  <a href="" data-toggle="modal" data-target="#Modal">意见反馈</a> </span>


                <div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                     aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>

                                <div class="alert alert-success" role="alert">
                                    <h6 class="modal-title  bg-success" id="myModalLabel">
                                        任何产品中的问题,欢迎反馈给我们！
                                    </h6>
                                </div>


                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-3 col-md-offset-2">

                                        <form action="{:url('index/Fankui/fan')}" method="post">

											      <textarea name="fankui" id="" cols="50" rows="5">
											      </textarea>

                                            <input type="text" name="lianxi" placeholder="留下联系方式(手机,QQ,邮箱)"
                                                   style="width:370px;height:30px">

                                            <button class="btn btn-primary btn-block mt20"
                                                    style="margin-left:125px;margin-top:20px">提交
                                            </button>
                                        </form>


                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <a href="./login">没有账号?免费注册</a>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>


                <br><br>
                <span>
					网Q公司版权所有©1997-2017杭州乐读科技有限公司运营：浙网文[2015] 0415-135号
				</span>
            </div>

            <div class="col-md-5 mt10">
                <h2 id="url">友情链接</h2>

            </div>


        </div>
    </div>


    <!-- end footer-->

    <div class="audio-box" style='height:10px;' id='audio-box'>

        <div class="audio-container">
            <div class="audio-view">
                <div class="audio-cover"></div>
                <div class="audio-body">
                    <h3 class="audio-title"></h3>
                    <div class="audio-backs">
                        <div class="audio-this-time">00:00</div>
                        <div class="audio-count-time">00:00</div>
                        <div class="audio-setbacks">
                            <i class="audio-this-setbacks">
                                <span class="audio-backs-btn"></span>
                            </i>
                            <span class="audio-cache-setbacks">

							</span>
                        </div>
                    </div>
                </div>
                <div class="audio-btn">
                    <div class="audio-select">
                        <div class="audio-prev"></div>
                        <div class="audio-play"></div>
                        <div class="audio-next"></div>
                        <div class="audio-menu"></div>
                        <div class="audio-volume"></div>
                    </div>
                    <div class="audio-set-volume">
                        <div class="volume-box">
                            <i><span></span></i>
                        </div>
                    </div>
                    <div class="audio-list">
                        <div class="audio-list-head">
                            <p>歌单</p>
                            <span class="menu-close">关闭</span>
                        </div>
                        <ul class="audio-inline">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script>


        $(function () {
            if (song != null) {

            }
            var song = [
                {
                    'cover': '',
                    'src': '',
                    'title': ''
                },

            ];


            $('#audio-box').hover(function () {

                $(this).stop().animate({height: "100px"}, 500);

            }, function () {

                $(this).stop().animate({height: "10px"}, 500);
                ;

            })


            $('.play').click(function () {

                $('#audio-box').css('height', '100px').delay(1000).animate({height: "10px"}, 500);
                var img = $(this).attr('img');
                var music = $(this).attr('music');
                var name = $(this).attr('name');
                var audioFn = audioPlay({
                    song: song,
                    autoPlay: true  //是否立即播放第一首，autoPlay为true且song为空，会alert文本提示并退出
                });

                var nmusic = audioFn.newSong({
                    'cover': img,
                    'src': music,
                    'title': name,
                }, true);
                console.log(song);
            })


            /* 向歌单中添加新曲目，第二个参数true为新增后立即播放该曲目，false则不播放 */


            // audioFn.newSong({
            //     'cover' : '__IMG__/cover5.jpg',
            //     'src' : 'http://webmp3-1253691995.costj.myqcloud.com/audio/baab.mp3',
            //     'title' : 'B.A.A.B'
            // },false);

            /* 暂停播放 */

            //audioFn.stopAudio();

            /* 开启播放 */
            //audioFn.playAudio();

            /* 选择歌单中索引为3的曲目(索引是从0开始的)，第二个参数true立即播放该曲目，false则不播放 */
            //audioFn.selectMenu(3,true);


            /* 查看歌单中的曲目 */
            //console.log(audioFn.song);


            /* 当前播放曲目的对象 */
//        console.log(audioFn.audio);
        })

    </script>
    <script>
        $(function () {
            $.ajax({
                type: 'get',
                url: '/infoto',
                success: function (data) {
                    console.log(data);

                    for (var i = 0; i < data[0].length; i++) {


                        var html = '<li><a href="http://www.17sucai.com/" target="_blank">' + data[0][i].desc + '</a></li>';
                        $(html).appendTo('#jsfoot01');

                    }
                    for (var i = 0; i < data[1].length; i++) {

                        var html3 = '<div class="col-xs-6 col-md-2" ><div class="thumbnail"><img src="__UPLOAD__' + data[1][i].img + '"></div></div>';
                        $('#hezuo').after(html3);
                    }
//

                    for (var i = 0; i < data[2].length; i++) {

                        var html4 = '<div class="col-xs-6 col-md-3" ><ul class="nav navbar-nav"><a href="' + data[2][i].url + '" class="" title="' + data[2][i].desc + '" target="_blank">' + data[2][i].title + '</a></ul></div>';
                        $('#url').after(html4);
                    }

                },


                error: function () {
                    alert(2);
                }


            });


            if (document.getElementById("jsfoot01")) {
                var scrollup = new ScrollText("jsfoot01");
                scrollup.LineHeight = 22;        //单排文字滚动的高度
                scrollup.Delay = 2000;           //延时
                scrollup.Start();             //文字自动滚动
                scrollup.Direction = "down"; //文字向下滚动
            }
            scrollup.Amount = 22;            //注意:子模块(LineHeight)一定要能整除Amount.

            //触发机器人
            $('#dian').click(function () {

                $('#jiqi').css('display', 'block');


            })
        })
    </script>

</body>
</html>

{/block}


